const randomTags = new Vue({
  el: '#random_tags',
  data: {
    tags: ['win10', 'python', 'php', 'C语言', 'ES6', 'Javascript', '数据结构', '算法', 'Vue', 'Node.js', 'python', 'php', 'C语言', 'ES6', 'Javascript']
  },
  computed: {
    randomColor() {
      // 生成最忌字体颜色
      return () => {
        let red = Math.random() * 255 + 50
        let green = Math.random() * 255 + 50
        let blue = Math.random() * 255 + 50
        return `rgb(${red}, ${green}, ${blue})`
      }
    },
    randomFontSize() {
      // 生成随机字体
      return () => {
        return Math.ceil(Math.random() * 20) + 10 + 'px'
      }
    }
  }
})

const hot = new Vue({
  el: '#hot',
  data: {
    hotList: [
      {
        title: '使用码云git的webhook实现生产环境代',
        link: 'https://www.baidu.com'
      },
      {
        title: 'VirtualBox压缩vmdk、vagrant打包b',
        link: 'https://www.baidu.com'
      },
      {
        title: '初烧盲狙一条铁三角e40',
        link: 'https://www.baidu.com'
      },
      {
        title: '使用码云git的webhook实现生产环境代',
        link: 'https://www.baidu.com'
      },
      {
        title: 'VirtualBox压缩vmdk、vagrant打包b',
        link: 'https://www.baidu.com'
      },
      {
        title: '初烧盲狙一条铁三角e40',
        link: 'https://www.baidu.com'
      },
      {
        title: '使用码云git的webhook实现生产环境代',
        link: 'https://www.baidu.com'
      },
      {
        title: 'VirtualBox压缩vmdk、vagrant打包b',
        link: 'https://www.baidu.com'
      },
      {
        title: '初烧盲狙一条铁三角e40',
        link: 'https://www.baidu.com'
      }
    ]
  }
})

const newComment = new Vue({
  el: '#new_comments',
  data: {
    commentList: [
      {
        name: 'bfdjsan',
        time: 2,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'gvbnjfksla',
        time: 3,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'xiang fjdionfds',
        time: 4,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'gvbnjfksla',
        time: 3,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'xiang fjdionfds',
        time: 4,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'bfdjsan',
        time: 2,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      },
      {
        name: 'gvbnjfksla',
        time: 3,
        link: 'https://www.taobao.com/',
        content: 'gnkvfdals;ghnvfkdsbnv'
      }
    ]
  }
})

const friendLink = new Vue({
  el: '#friend_link',
  data: {
    friendLinks: [
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      },
      {
        left: '挨踢茶馆',
        leftLink: 'https://www.jd.com/',
        right: '个人博客',
        rightLink: 'https://www.jd.com/'
      }
    ]
  }
})
